{extend name="layouts/base"}
{block name="header"}
<link rel="stylesheet" href="__STATIC__/wap/css/bootstrap.min_1.css">
<link rel="stylesheet" href="__STATIC__/wap/css/base_2.css">
<script src="__STATIC__/wap/js/jquery_2.js"></script>
<script src="__STATIC__/wap/js/autohidenav_1.js"></script>
<script src="__STATIC__/wap/js/common_2.js"></script>
<link rel="stylesheet" href="__STATIC__/wap/css/venture-strategy-knowledge.css">
<link rel="stylesheet" href="__STATIC__/wap/css/raiders.css">
<style>
    .more button.dis {
        width: 100%;
        background: transparent;
        color: #999;
        text-align: center;
    }

    body {
        margin-bottom: 50px;
    }
</style>
{/block}

{block name="main"}
<div class="head-tit-top">
    <div class="head-tit-top">
        <a href="javascript:;" onclick="history.go(-1)" title="返回">
            <img src="__STATIC__/wap/picture/back@2x.png" alt="返回">
        </a>
        <h2>创业攻略-知识问答</h2>
    </div>
</div>

<div class="head-filter">
    <div class="filter-tit">
        <span class="tit-left" style="width: 100%;">
            <em>全部</em>
        </span>
    </div>
    <div class="filter-con">

        <div class="filter-item filter-one">

            <?php
                foreach ($qu as $k => $v) {
            ?>
                <a href="javascript:void(0)" title="{$v->name}" data="{$k}" class="nn">{$v->name}</a>

            <?php
                }
            ?>
        </div>

    </div>
    <div class="mask"></div>
</div>

<div style="height:94px;"></div>

<div class="vskList">
    <?php
        foreach ($qu as $k => $v) {
    ?>
        <ul class="uu" id="c_{$k}" style="display:<?php if($k !== 0){
                        echo 'none';
        }?>;">
            <?php
                    foreach($v->questionitems as  $kk => $vv){
            ?>
            <li>
                <a href="/index/question/qdesc?id={$vv->id}">
                    <div class="vskListTitle">
                        <div class="titleIcon">
                            <img src="__STATIC__/wap/picture/fqa_icon.png" alt="常见问题">
                        </div>
                        <h2>{$vv->name}？</h2>
                    </div>
                    <div class="vskListDes">
                        <p>{$vv->intro}</p>
                    </div>
                </a>
            </li>
            <?php
            }
            ?>
        </ul>
    <?php
        }
    ?>

</div>

{/block}

{block name="privateJs"}
<script>
    $(function () {

        $('.nn').click(function(){
            var data = 'c_'+$(this).attr('data');
            $('.uu').css('display','none');
            $('#'+data).css('display','block');
            $(".head-filter .mask").hide();
            $('.tit-left').removeClass('cur');
            $('.filter-item').css('display','none');
        })

        $(".filter-tit span").click(function () {
            var index = $(this).index();
            $(this).toggleClass("cur").siblings().removeClass("cur");
            $(".filter-item").eq(index).stop().slideToggle().siblings().hide();
            if ($(this).hasClass("cur")) {
                $(".head-filter .mask").show();
            } else {
                $(".head-filter .mask").hide();
            }
        });
        $(".head-filter .mask").click(function () {
            $(".filter-tit span.cur").removeClass("cur");
            $(".filter-item").slideUp();
            $(this).hide();
        });
    });
</script>
{/block}

